* {
  margin: 0;
  padding: 0;
}

main {
  margin: 100px auto;
  width: 500px;

  .box {
    height: 215px;
    background: orange;
    position: relative;
    border-bottom: 5px solid green;

    .message {
      display: flex;

      p {
        width: 50px;
        height: 100%;
        font-size: 12px;
      }

      .input-box {
        input {
          width: 180px;
        }

        textarea {
          width: 375px;
          height: 140px;
        }
      }
    }

    .action {
      display: flex;
      flex-direction: column;
      width: 80px;
      position: absolute;
      right: 0;

      [type="checkbox"] {
        width: 15px;
        height: 15px;
      }

      .publish {
        width: 45px;
      }
    }
  }

  .history {
    background: orange;

    .top {
      padding-top: 18px;

      .name {

      }

      .time {

      }
    }

    .content {
      padding-top: 18px;
      padding-left: 80px;
    }
  }
}
